<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>京东快递运费计算</title>
		<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
		<script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
		<link href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
	</head>
	<script>
		function calc(){
			wei=$("#weight").val();//取用户输入的重量
			weiNum=parseInt(wei);//把字符串转成数字
			
			star=$("#start option:selected").text();
			dest=$("#destination option:selected").text();
			if(dest=="内蒙古"||star=="内蒙古")
			{
				if(weiNum<=1){
					mon=20;
				}
				else{
					mon=20+(weiNum-1)*20;
				}
			}
			else if(dest=="新疆"||star=="新疆"){
				if(weiNum<=1){
					mon=15;
				}
				else{
					mon=15+(weiNum-1)*13;
				}
			}
			else if(dest=="安徽"||dest=="上海"||dest=="浙江"){
				if(weiNum<=1){
					mon=10;
				}
				else{
					mon=10+(weiNum-1)*3;
				}
			}
			else{
				if(weiNum<=1){
					mon=13;
				}
				else{
					mon=13+(weiNum-1)*9;
				}
			}
			$("#money").val(mon);
		}
	</script>
	<body>
		<div class=" text-center centrer-block">
			<table class="table table-bordered">
				<tr class="bg-primary">
					<td colspan="2">百世快递运费计算</td>
				</tr>
				<tr>
					<td>始发地</td>
					<td>
						<select class="form-control" id="start">
							<option>安徽</option>
							<option>北京</option>
							<option>福建</option>
							<option>甘肃</option>
							<option>广东</option>
							<option>广西</option>
							<option>贵州</option>
							<option>海南</option>
							<option>河北</option>
							<option>河南</option>
							<option>黑龙江</option>
							<option>湖北</option>
							<option>湖南</option>
							<option>吉林</option>
							<option>江西</option>
							<option>江苏</option>
							<option>辽宁</option>
							<option>内蒙古</option>
							<option>宁夏</option>
							<option>青海</option>
							<option>山东</option>
							<option>山西</option>
							<option>陕西</option>
							<option>上海</option>
							<option>四川</option>
							<option>天津</option>
							<option>西藏</option>
							<option>新疆</option>
							<option>云南</option>
							<option>浙江</option>
							<option>重庆</option>
						</select>
					</td>
				</tr>
				<tr>
					<td>目的地</td>
					<td>
						<select class="form-control" id="destination">
							<option>安徽</option>
							<option>北京</option>
							<option>福建</option>
							<option>甘肃</option>
							<option>广东</option>
							<option>广西</option>
							<option>贵州</option>
							<option>海南</option>
							<option>河北</option>
							<option>河南</option>
							<option>黑龙江</option>
							<option>湖北</option>
							<option>湖南</option>
							<option>吉林</option>
							<option>江西</option>
							<option>江苏</option>
							<option>辽宁</option>
							<option>内蒙古</option>
							<option>宁夏</option>
							<option>青海</option>
							<option>山东</option>
							<option>山西</option>
							<option>陕西</option>
							<option>上海</option>
							<option>四川</option>
							<option>天津</option>
							<option>西藏</option>
							<option>新疆</option>
							<option>云南</option>
							<option>浙江</option>
							<option>重庆</option>
						</select>
					</td>
				</tr>
				<tr>
					<td>快递重量/kg</td>
					<td>
						<input class="form-control" type="text" id="weight">
					</td>
				</tr>
				<tr>
					<td>寄件所需运费/元</td>
					<td>
						<input class="form-control" readonly="readonly" type="text" id="money">
					</td>
				</tr>
				<tr>
					<td colspan="2">
						<button onclick="calc()" class="btn btn-danger" >开始计算</button>
					</td>
				</tr>
			</table>
		</div>
	</body>
</html>
